/* 播放器 */
/* 上部分视频容器 */
.video-container {
  position: relative;
  background-color: #000;
}
.video-container .text-container {
  position: absolute;
  left: 20px;
  bottom: 20px;
  color: #fff;
}
.video-container .text-container .part-container {
  font-size: 40px;
  font-weight: 700;
}
/* 控制按钮 */
.controls {
  justify-content: space-around;
  height: 76px;
}
.controls .iconfont {
  position: relative;
  z-index: 20;
  font-size: 50px;
}
/* 进度条 */
.progress {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  height: 76px;
  width: 0;
  background-color: rgba(66, 140, 247, 0.9);
}
/* 暂停蒙层 */
.stop-mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  background-color: rgba(66, 140, 247, 0.9);
}
.text {
  padding-left: 5%;
  padding-right: 5%;
  font-size: 18px;
  color: #fff;
}
.btns {
  justify-content: space-between;
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  width: 70%;
  height: 100px;
  left: 15%;
}
.btns .btn-continue,
.btns .btn-over {
  width: 90px;
  height: 90px;
  color: #fff;
  border-radius: 50%;
}
.btns .btn-continue .iconfont,
.btns .btn-over .iconfont {
  font-size: 20px;
}
.btns .btn-continue {
  background-color: #79f0c2;
}
.btns .btn-over {
  background-color: #ff6060;
}
.current {
  position: absolute;
  top: 60%;
  width: 70%;
  height: 100px;
  left: 15%;
  border: 1px solid #fff;
  color: #fff;
}
